<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>show_teacher</title>
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}\js\jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {
		//申请状态表展现
		$('#app').datagrid({ //以表格的形式展现数据
			title:'申请记录',
			url : 'appidShow', //获取到表数据的路径
			fitColumns : true,
			columns : [ [ //列对象
			{
				field : 'ck',
				width : 100,
				checkbox : true
			}, {
				field : 'appid',
				title : '申请记录',
				width : 100
			}, {
				field : 'apptype',
				title : '请求类型',
				width : 100
			}, {
				field : 'appcontent',
				title : '请求内容',
				width : 100
			}, {
				field : 'apptime',
				title : '请求时间',
				width : 100
			}, {
				field : 'appstate',
				title : '请求状态',
				width : 100
			}, ] ],
			rownumbers : true, //显示行列号
			pagePosition : 'bottom', //定义分页栏工具的位置
			pagination : true, //datagrid控件的底部显示分页控件
			pageSize : 5, //  初始化面页大小为5
			pageList : [ 5, 10, 15 ], //  初始化面页大小选择列表

		});

		$('#ta').datagrid({ //以表格的形式展现数据
			title:'个人信息',
			url : 'teacherinfo', //获取到老师表数据的路径
			fitColumns : true,
			columns : [ [ //列对象
			{
				field : 'ck',
				width : 100,
				checkbox : true
			}, {
				field : 'tid',
				title : 'tid',
				width : 100
			}, {
				field : 'tname',
				title : '老师姓名',
				width : 100
			}, {
				field : 'tdepart',
				title : '所在院系',
				width : 100
			}, {
				field : 'tprofe',
				title : '职位',
				width : 100
			}, {
				field : 'tage',
				title : '年龄',
				width : 100
			}, {
				field : 'tsex',
				title : '性别',
				width : 100
			}, {
				field : 'ttel',
				title : '电话',
				width : 100
			}, ] ],
		
			toolbar : [ {
				iconCls : 'icon-edit',
				text : '修改个人信息',
				handler : function() {
					var stus = $('#ta').datagrid('getSelections'); //获取返回的行
					if (stus.length == 1) {
						$('#dlg').window('open')
						$('#tid1').textbox({
							value : stus[0].tid,
						});
						//隐藏文本框
						$("#tid1").next().hide();
						//得到教师的名字
						$('#tname1').textbox({
							value : stus[0].tname
						});
						//得到教师的院系

						$('#tdepart1').textbox({
							value : stus[0].tdepart
						});
						//得到 教师的职位
						$('#tprofe1').textbox({
							value : stus[0].tprofe
						});
						//得到教师年龄修改
						$('#tage1').textbox({
							value : stus[0].tage
						});
						$('#tsex1').textbox({
							value : stus[0].tsex
						});
						$('#ttel1').textbox({
							value : stus[0].ttel
						});
					} else if (stus.length == 0) {
						$.messager.confirm('信息', '请选择修改信息', function(r) {
						});
					} else {
						$.messager.confirm('信息', '只能选择修改一条', function(r) {
							if (r) {
								$("#ta").datagrid('uncheckAll')
							}
						});
					}
				}
			}, '-', {
				iconCls : 'icon-help',
				text : '离职申请',
				handler : function() {
					$('#appid').window('open')
				}

			} ]
		});
		//修改窗口
		$('#dlg').window({
			width : 400,
			height : 400,
			modal : true,
			title : "修改",
			collapsible : false,
			minimizable : false,
			maximizable : false,
			closable : false,
			closed : true
		});

		//修改确定按钮
		$('#updateyes').linkbutton({
			onClick : function() {
				var tid = $('#tid1').val();
				var tname = $('#tname1').val();
				var tdepart = $('#tdepart1').val();
				var tprofe = $('#tprofe1').val();
				var tage = $('#tage1').val();
				var tsex = $('#tsex1').val();
				var ttel = $('#ttel1').val();
				$.ajax({
					url : 'updateTea',
					type : 'post',
					data : {
						'tid' : tid,
						'tname' : tname,
						'tdepart' : tdepart,
						'tprofe' : tprofe,
						'tage' : tage,
						'tsex' : tsex,
						'ttel' : ttel
					},
					dataType : 'text',
					success : function(data) {
						if (data == 1) {
							$("#ta").datagrid('reload');
							$.messager.show({
								title : '信息提示',
								msg : '修改成功',
								timeout : 1000,
								showType : 'slide'
							});
							$("#dlg").window('close');
						} else {
							$.messager.show({
								title : '信息提示',
								msg : '修改失败',
								timeout : 1000,
								showType : 'slide'
							});
						}
					}
				})
			}
		});
		//修改取消
		$('#updateno').linkbutton({
			onClick : function() {
				$('#dlg').window("close");
			}
		});
		//申请窗口
		$('#appid').window({
			width : 400,
			height : 400,
			modal : true,
			title : "申请",
			collapsible : false,
			minimizable : false,
			maximizable : false,
			closable : false,
			closed : true
		});

		//申请确定按钮
		$('#appidyes').linkbutton({
			onClick : function() {
				var appcontent = $('#appcontent1').val();
				$.ajax({
					url : 'teacherAppid',
					type : 'post',
					data : {
						'appcontent' : appcontent
					},
					dataType : 'text',
					success : function(data) {
						if (data == 1) {
							$("#app").datagrid('reload');
							$("#appid").window('close');
							$("#appOpen").window('open');
						} else {
							$.messager.show({
								title : '信息提示',
								msg : '申请失败',
								timeout : 1000,
								showType : 'slide'
							});
							$("#appid").window('close');
						}
					}
				})
			}
		});
		//申请取消
		$('#appidno').linkbutton({
			onClick : function() {
				$('#appid').window("close");
			}
		});
	})
</script>

<body>
	<!-- 老师表格 -->
	<table id="ta"></table>
	<!-- 申请表 -->
	<div closed="true" class="easyui-panel" id="appOpen">
		<table id="app"></table>
	</div>
	<!-- 修改文本框 -->
	<div id="dlg" class="easyui-dialog"
		style="width: 400px; height: 280px; padding: 10px 20px;" closed="true"
		buttons="#dlg-buttons">
		<div style="display: none;">
			<label> id </label> <input class="easyui-textbox" type="text"
				id="tid1" name="tid1" />
		</div>
		<div class="fitem">
			<label> 老师姓名 </label> <input class="easyui-textbox" type="text"
				id="tname1" name="tname1" />
		</div>
		<br>
		<div class="fitem">
			<label> 所在院系</label> <input class="easyui-textbox" type="text"
				id="tdepart1" name="tdepart1" />
		</div>
		<br>
		<div class="fitem">
			&nbsp;&nbsp;<label> 职位</label>&nbsp;&nbsp;&nbsp; <input
				name="tprofe1" id="tprofe1" type="text" class="easyui-validatebox" />
		</div>
		<br>
		<div class="fitem">
			&nbsp;&nbsp; <label> 年龄</label>&nbsp;&nbsp;&nbsp; <input name="tage1"
				id="tage1" type="text" class="easyui-validatebox" />
		</div>
		<br>
		<div class="fitem">
			&nbsp;&nbsp; <label> 性别</label>&nbsp;&nbsp;&nbsp; <input name="tsex1"
				id="tsex1" type="text" class="easyui-validatebox" />
		</div>
		<br>
		<div class="fitem">
			&nbsp;&nbsp;<label> 电话</label>&nbsp;&nbsp;&nbsp; <input name="ttel1"
				id="ttel1" type="text" class="easyui-validatebox" />
		</div>
		<br>
		<div style="text-align: center;">
			<a id="updateyes" href="#" class="easyui-linkbutton"
				data-options="iconCls:'icon-ok'">确定</a> &nbsp;&nbsp; &nbsp; &nbsp;
			&nbsp; <a id="updateno" href="#" class="easyui-linkbutton"
				data-options="iconCls:'icon-no'">取消</a>
		</div>
	</div>
	<!-- 申请内容框 -->
	<div id="appid" class="easyui-dialog"
		style="width: 400px; height: 280px; padding: 10px 20px;" closed="true"
		buttons="#dlg-buttons">
		<div class="fitem">
			<label>请输入申请内容</label> <input name="appcontent1" id="appcontent1"
				class="easyui-textbox" data-options="multiline:true" value=""
				style="width: 350px; height: 100px; font-size: 12px">
		</div>
		<br>
		<div style="text-align: center;">
			<a id="appidyes" href="#" class="easyui-linkbutton"
				data-options="iconCls:'icon-ok'">确定</a> &nbsp;&nbsp; &nbsp; &nbsp;
			&nbsp; <a id="appidno" href="#" class="easyui-linkbutton"
				data-options="iconCls:'icon-no'">取消</a>
		</div>
	</div>
</body>
</html>